import { ref } from 'vue'
// 导入定义数据模块的函数
import { defineStore } from 'pinia'
// 定义数据模块(模块名称 、 ID)
export const useMenuStore = defineStore('menu', () => {
  // 定义菜单数组
  let menus = ref([
    {
      index: '1',
      text: '首页',
      name: '首页',
      icon: 'location',
      path: '/home',
      id: '1',
      childs: [
        {
          title: '轮播图管理',
          arr: [
            {
              name: '添加轮播图',
              index: '1-1',
              id: '1-1',
              path: '/banner_add',
            },
            {
              name: '轮播图列表',
              index: '1-2',
              id: '1-2',
              path: '/banner_list',
            },
          ],
        },
      ],
    },
    {
      index: '2',
      id: '2',
      text: '考试管理',
      name: '考试管理',
      icon: 'menu',
      childs: [
        {
          title: '',
          arr: [
            {
              name: '考试分类',
              index: '2-1',
              id: '2-1',
              path: '/category',
            },
            {
              name: '试卷管理',
              index: '2-2',
              id: '2-2',
              path: '/test_paper',
            },
            {
              name: '添加题目',
              index: '2-3',
              id: '2-3',
              path: '/topic',
            },
            {
              name: '题目列表',
              index: '2-4',
              id: '2-4',
              path: '/topic_list',
            },
            {
              name: '成绩管理',
              index: '2-5',
              id: '2-5',
              path: '/score',
            },
          ],
        },
      ],
    },
    {
      index: '3',
      id: '3',
      text: '面试题管理',
      name: '面试题管理',
      icon: 'edit',
      childs: [
        {
          title: '',
          arr: [
            {
              name: '面试题分类',
              index: '3-1',
              id: '3-1',
              path: '/interview_category',
            },
            {
              name: '分类子菜单',
              index: '3-2',
              id: '3-2',
              path: '/interview_menu',
            },
            {
              name: '题目列表',
              index: '3-3',
              id: '3-3',
              path: '/interview_topic',
            },
          ],
        },
      ],
    },

    {
      index: '4',
      id: '4',
      text: '用户管理',
      name: '用户管理',
      icon: 'document',
      path: '/user_list',
    },
    {
      index: '5',
      id: '5',
      text: '系统设置',
      name: '系统设置',
      icon: 'setting',
      path: '/setting',
    },
  ])
  // 把数据和方法暴露出去（在vue组件中就可以使用的意思）
  return {
    menus,
  }
})
